$global-back-color: #304156;
$global-text-color: #FFFFFF;

@mixin boxShadow {
    box-shadow: 0 0 10px 0 rgba($color: #7A62F5, $alpha: 0.08);
}

@mixin global-back{
    background: #ffff;
    padding: 20px;
}

/**
	* 溢出省略号
	* @param {Number} 行数
	*/
	@mixin ellipsis($rowCount: 1) {
		@if $rowCount <=1 {
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		} @else {
			min-width: 0;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: $rowCount;
			-webkit-box-orient: vertical;
		}
	}
	@for $i from 1 through 12 {
		.u-text-#{$i} {
			@include ellipsis($i);
		}
	}
	
	@for $i from 1 through 12 {
			.yu-number-#{$i}::before {
				content: $i+"";
				display: block;
				border:1px solid #000000;
				width: 26rpx;
				height: 26rpx;
				border-radius: 50%;
				text-align: center;
				line-height: 26rpx;
				font-size: 22rpx;
				margin-right: 10rpx;
			}
	}